عن هذه الدورة
تطوير الواجهات الأمامية لقواعد بيانات أوراكل
تطوير الواجهات الأمامية لـ Oracle APEX (CSS & JavaScript)
صُممت الدورة لمساعدة مطوري Oracle APEX على تحسين مظهر، إحساس، وتفاعلية تطبيقاتهم عبر استخدام CSS للتحكم في التخطيط والتصميم، واستخدام JavaScript لإضافة التفاعلية، التحقق، والسلوكيات الديناميكية.
أهداف الدورة التدريبية (Learning Objectives)
- فهم كيفية دمج APEX مع لغتي CSS و JavaScript.
- تطبيق CSS مخصص للتنسيق المتقدم لمكونات APEX المختلفة.
- استخدام JavaScript لتحسين التفاعلية ومنطق جانب العميل.
- العمل بمرونة مع الإجراءات الديناميكية وأكواد JavaScript.
- تطوير واجهات مستخدم متجاوبة وذات تصميم عصري.
مخطط الوحدات والدروس المختصر (Training Modules)
الوحدة 1: مقدمة في الواجهات الأمامية لـ APEX (ساعتان)
- دور CSS و JavaScript في Oracle APEX.
- نظرة عامة على السمات والسمة الشاملة (Universal Theme).
- فحص صفحات APEX باستخدام أدوات المطور (DevTools).
- استخدام Theme Roller وتعديلات CSS.
الوحدة 2: لغة CSS لأوراكل أبيكس (6 ساعات)
- مراجعة أساسيات CSS: المحددات، الفئات، والخصوصية.
- تخصيص السمة الشاملة باستخدام CSS.
- تنسيق مكونات APEX (التقارير، الحقول، والشبكات التفاعلية).
- إنشاء تخطيطات متجاوبة باستخدام CSS Grid و Flexbox.
- أفضل الممارسات: ملفات CSS الخارجية مقابل CSS المضمّن.
الوحدة 3: أساسيات JavaScript لـ APEX (6 ساعات)
- مفاهيم JavaScript الأساسية (المتغيرات، الدوال، DOM، الأحداث).
- التعامل مع عناصر APEX عبر JavaScript (`apex.item`).
- معالجة عناصر DOM في صفحات APEX.
- التحقق من البيانات في جانب العميل.
- تصحيح أخطاء JavaScript باستخدام DevTools.
الوحدة 4: الإجراءات الديناميكية و JavaScript (6 ساعات)
- نظرة عامة على الإجراءات الديناميكية (Dynamic Actions).
- النهج التعريفي مقابل النهج البرمجي.
- توسيع الإجراءات الديناميكية باستخدام أكواد JavaScript مخصصة.
- استخدام واجهات APEX البرمجية (`apex.region`, `apex.server.process`).
الوحدة 5: التخصيص المتقدم مع JavaScript و CSS (6 ساعات)
- دمج مكتبات JavaScript الخارجية (jQuery, Chart.js، إلخ).
- إنشاء دوال JavaScript قابلة لإعادة الاستخدام.
- تطبيق تأثيرات الانتقال والرسومات المتحركة (Animations).
- تحسين تجربة المستخدم (UX) عبر النوافذ والإشعارات.
الوحدة 6: أفضل الممارسات والمشروع النهائي (4–6 ساعات)
- هيكلة أكواد CSS و JavaScript في مشاريع APEX.
- تحسين الأداء (الضغط، التخزين المؤقت، وترتيب التحميل).
- اعتبارات إمكانية الوصول (Accessibility).
- المشروع النهائي: بناء صفحة تطبيق APEX مخصصة بالكامل.
منهج الدورة
1
مقدمة في الواجهات الأمامية لـ APEX (ساعتان)
دور CSS و JavaScript في Oracle APEX.
نظرة عامة على السمات والسمة الشاملة (Universal Theme).
فحص صفحات APEX باستخدام أدوات المطور (DevTools).
استخدام Theme Roller وتعديلات CSS.
2
لغة CSS لأوراكل أبيكس
مراجعة أساسيات CSS: المحددات، الفئات، والخصوصية.
تخصيص السمة الشاملة باستخدام CSS.
تنسيق مكونات APEX (الحقول، التقارير، والشبكات التفاعلية).
إنشاء تخطيطات متجاوبة باستخدام CSS Grid و Flexbox.
أفضل الممارسات: ملفات CSS الخارجية مقابل CSS المضمّن.
3
أساسيات JavaScript لـ APEX
مفاهيم JavaScript الأساسية (المتغيرات، الدوال، DOM، الأحداث).
التعامل مع عناصر APEX عبر JavaScript (apex.item).
معالجة عناصر DOM في صفحات APEX.
4
الإجراءات الديناميكية و JavaScript في APEX
نظرة عامة على الإجراءات الديناميكية (Dynamic Actions).
النهج التعريفي مقابل النهج البرمجي.
توسيع الإجراءات الديناميكية باستخدام أكواد JavaScript مخصصة.
5
التخصيص المتقدم مع JavaScript و CSS
دمج مكتبات JavaScript الخارجية (jQuery, Chart.js، إلخ).
إنشاء دوال JavaScript قابلة لإعادة الاستخدام.
تطبيق تأثيرات الانتقال والرسومات الحركة (Animations).
